// 暗黑主题
.dark {
    body {
        background-color: #232931 !important;
    }

    // 顶部导航
    .header {
        &::after {
            background: linear-gradient(#2b333e, transparent 70%) !important;
        }

        .one {
            .one_item_nav {
                color: #fff !important;
            }

            .two {
                background-color: #232931 !important;

                .two_item_nav {
                    color: #bbb !important;

                    &:hover {
                        background-color: #2d333d !important;
                    }
                }
            }
        }
    }

    // 导航栏下方渐变背景
    .borderColor {
        border-bottom: 1px solid #2b333e !important;
        background-color: rgba(44, 51, 62, 0.9) !important;
    }

    // 轮播图
    .Swiper {
        &::after {
            background: linear-gradient(to top, #232931, transparent) !important;
        }
    }

    .ripple {
        .parallax > use {
            fill: rgba(35, 41, 49, 0.7) !important;
        }
    }

    // 文章列表
    .classics {
        .item {
            background-color: #2b333e !important;
        }
    }

    // 右侧功能栏
    .author {
        background-color: #2b333e !important;

        .info {
            h3 {
                color: #fff !important;
            }

            p {
                color: #bbb !important;
            }
        }

        .socializing .title::after {
            color: #bbb !important;
            background-color: #2b333e !important;
        }
    }

    // 随机文章
    .randomArticle {
        background-color: #2b333e !important;

        .list .item a {
            color: #bcbcbc !important;

            &:hover {
                color: $color !important;
            }
        }
    }

    // 最新文章
    .newComments {
        background-color: #2b333e !important;

        .list .item .content .time {
            color: #bbb !important;
        }
    }

    // 文章热门推荐
    .HotArticle {
        background-color: #2b333e !important;
    }

    // 分页
    .pagination .el-pager li {
        color: #fff !important;
    }

    // 右侧工具栏
    .toolBar {
        background-color: #2b333e !important;
        border: 1px solid #2b333e !important;

        .item {
            border-bottom: 1px solid #2b333e !important;

            &:hover {
                background-color: #404a57 !important;
            }
        }
    }

    // 文章页
    .article {
        background-color: #2b333e !important;

        .content {
            color: #d9d9d9 !important;

            // 设置标题样式
            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
                color: #fff !important;
            }

            p {
                code {
                    background-color: #4f4f4f !important;
                }
            }

            strong {
                color: #d5d5d5 !important;
            }
        }

        .list .item {
            border-bottom: 1px dashed #47494d !important;

            .comment_user_one .comment_user_one_info {
                .name {
                    color: #fff !important;
                }

                .active {
                    color: $color !important;
                }
            }

            .comment_main {
                color: #a2a2a2 !important;
            }

            .comment_user_two .comment_user_two_info {
                .name {
                    color: #c9c9c9 !important;
                }
            }

            .comment_user_three .comment_user_three_info {
                .name {
                    color: #a8a8a8 !important;
                }
            }

            &:hover {
                background-color: #38414b !important;
            }

            &:last-of-type {
                border: none !important;
            }
        }
    }

    // 文章目录
    .directory {
        background-color: #2b333e !important;

        a {
            color: #a4a4a4 !important;

            &:hover {
                color: #fff !important;
                background-color: #303741 !important;
            }
        }
    }

    // 文章页上下页选择框
    .upAndDown {
        a {
            border: 1px solid #484848 !important;

            &:hover {
                border: 1px solid $color !important;
                background-color: transparent !important;

                p:last-child {
                    color: $color !important;
                }
            }

            p {
                &:first-child {
                    color: #fff !important;
                }

                &:last-child {
                    color: #9e9e9e !important;
                }
            }
        }
    }

    // 评论区
    .comment {
        .title {
            background-color: #304051 !important;

            &::after {
                color: #fff !important;
                background-color: #2d333d !important;
            }
        }

        .ipt {
            color: #fff;
            border: 1px solid #242e39 !important;
            background-color: #242e39;
        }
    }

    // 友联
    .friend_bg {
        background: #232931 !important;

        .container {
            background-color: #2b333e !important;

            .cate {
                .title {
                    border-bottom: 1px solid #414141 !important;
                }

                .list .item {
                    border: 1px solid #3b4757 !important;

                    .box .info .description {
                        color: #a2a2a2 !important;
                    }
                }
            }
        }
    }

    // 闪念
    .diary {
        background: #232931 !important;

        .header {
            border: 1px solid #232931 !important;

            .box h3 {
                color: #9e9e9e !important;
            }
        }

        .list {
            border: 1px solid #232931 !important;
            background-color: #2b333e !important;

            .item {
                border-bottom: 1px solid #404b5a !important;
                background-color: #2b333e !important;

                .info {
                    .name {
                        color: $color !important;
                    }

                    .content {
                        color: #f0f0f0 !important;
                    }

                    .date {
                        color: #c0c0c0 !important;
                    }
                }
            }

            .loadMore {
                color: #c2c2c2 !important;
                border: 1px solid #404b5a !important;

                &:hover {
                    background-color: #343f4f !important;
                }
            }
        }
    }

    // 个人介绍
    .resume {
        background-color: #2b333e !important;

        .technology {
            background-color: #2b333e !important;
        }

        .header .info .introduce .row2 {
            color: #d6d6d6 !important;
        }
    }

    // 底部
    .footer {
        border-top: 1px solid #2b333e !important;
        background-color: #2b333e !important;

        .info {
            color: #fff !important;
        }
    }
}
